<template>
  <div>
    <div class="logo">
      <img src="../assets/wei_img/logo.png" alt="" />
    </div>
    <p class="title">让特产走进千家万户</p>
    <van-tabs
      v-model="active"
      line-width="185px"
      color="#000000"
      line-height="2px"
      class="login_choose"
    >
      <van-tab title="账号登录">
        <van-cell-group>
          <van-field
            v-model="value1"
            left-icon="phone"
            placeholder="请输入手机号"
          />
          <van-field
            v-model="value2"
            clearable
            left-icon="lock"
            placeholder="请输入密码"
          />
        </van-cell-group>
      </van-tab>
      <van-tab title="验证码登录">
        <van-cell-group>
          <van-field
            v-model="value1"
            left-icon="phone"
            placeholder="请输入手机号"
          />
          <van-field
            v-model="value2"
            clearable
            left-icon="comment"
            placeholder="请输入验证码"
          />
        </van-cell-group>
      </van-tab>
    </van-tabs>
    <div class="login">
        <span>登录</span>
    </div>
    <div class="enroll">
        <div>立即注册</div>
        <div>忘记密码</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 2,

      value1: "",
      value2: "123",
    };
  },
};
</script>
<style src="../assets/css/my.css" scoped></style>
<style lang="scss" scoped></style>
